@import '../config/dark-theme.less';
// 火狐浏览器滑动条设置
html {
  scrollbar-width: none;
}

// 隐藏滑动条设置
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  position: absolute;
}
::-webkit-scrollbar-thumb {
  background-color: #1890ff;
}
::-webkit-scrollbar-track {
  background-color: #ddd;
}

// App 样式配置
.App {
  overflow-x: hidden;
  width: 100vw;
  height: 100vh;
  max-width: 100vw;

  .notify {
    position: absolute;
    top: 68px;
    right: 50px;
    width: 80vw;
    z-index: 9999;
    border-color: aqua;
    .content {
      height: 20px;
    }
  }
  // 导航栏配置
  .navigation {
    // background: #000000;
    width: 100vw;
    // background-color: #232323;
    .title-logo {
      background-image: url(../static/bbooks-title.png);
      height: 54px;
      width: 100%;
      margin: 4px 24px;
      background-repeat: no-repeat;
      background-size: auto 54px;
    }

    // 导航栏logo设置
    .logo {
      color: deepskyblue;
      background: #364d79;
    }

    // 导航栏内容设置
    .content {
      height: 64px;
      color: deepskyblue;
      text-align: center;
      // background: #000000;
      margin-left: 200px;

      .ant-space-item {
        font-size: 20px;
      }
    }
  }

  // 左侧菜单设置
  .sider {
    overflow-x: hidden;
    overflow-y: hidden;
    // 隐藏滑动条设置
    ::-webkit-scrollbar {
      width: 0px;
      height: 0px;
      position: absolute;
    }
    height: calc(100vh - 64px);
    // 菜单用户相关设置
    .logo {
      width: 100%;
      height: 40px;
      background: darkcyan;
      text-align: center;

      .row {
        .col {
          margin: 6px auto;
        }
      }
    }

    // 菜单滑动设置
    .menu {
      overflow-x: hidden;
      overflow-y: hidden;
      overflow: scroll;
      overflow: -moz-scrollbars-none;
      -ms-overflow-style: none;
      height: calc(100vh - 64px - 40px - 40px);
      scrollbar-width: none;
    }

    // 左侧底部设置
    .bottom {
      margin-bottom: 4px;
      text-align: center;
      height: 40px;

      // 版本展示设置
      .version {
        height: 20px;
        background: #fff;
      }

      // 收缩按钮设置
      .collapsed-div {
        height: 20px;
        background: darkcyan;
      }
    }
  }

  // 右侧内容块设置
  .site-layout {
    // 主要内容设置
    .content {
      scrollbar-width: none;
      padding: 8px 12px;
      overflow: scroll;
      height: calc(100vh - 64px - 20px);
      max-width: calc(100vw - 80px);
      min-width: calc(100vw -200px);
    }

    // 底部网站介绍设置
    .footer {
      background: darkcyan;
      height: 20px;
      text-align: center;
      margin-bottom: 0;
    }
  }
}
